<template>
  <div>
    <!-- 考试作弊 -->
    <!-- <HelloWorld></HelloWorld> -->
    <!-- <pagination></pagination> -->
    <!-- <duigui :items="arr" class="zz"></duigui> -->
    <!-- <zksTest></zksTest> -->
    <!-- <fatherSon v-model:zks="zks"> </fatherSon>
    <button @click="zks++">父组件button+1</button>  -->

    <PdfViewerTemp></PdfViewerTemp>
    <!-- <iframeUSE url="/test.pdf"></iframeUSE> -->
  </div>
</template>
<script setup>
import { ElPagination } from "element-plus";
import zksTest from "./components/debounce.vue";
import { ref } from "vue";
import HelloWorld from "./components/HelloWorld.vue";
import duigui from "./components/duigui.vue";
import pagination from "./components/pagination.vue";
import fatherSon from "./components/fatherSon.vue";
import PdfViewerTemp from "./components/PDFviewerTEmp.vue";

import iframeUSE from "./components/iframeUSE.vue";
const zks = ref(0);
const arr = [
  { name: "zks", age: 18 },
  { name: "zsks", age: 118 },
  {
    name: "zsks",
    age: 218,
    children: [
      { name: "zksssss", age: 18 },
      { name: "zksssssfds", age: 1810 },
      { name: "zksssdsfdsss", age: 14428 },
    ],
  },
];
</script>

<style scoped>
.zz {
  font-size: 20px;
}
</style>
